<template>
  <table class="g-table g-table--no-padding g-table--left">
    <thead>
      <tr>
        <th v-for="(item, i) in cols" :key="i">
          <span>{{ item }}</span>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td colspan="8">
          <Empty />
        </td>
      </tr>
    </tbody>
  </table>
</template>

<script>
import Empty from "@/components/Empty";
export default {
  components: {
    Empty,
  },
  data() {
    return {
      cols: {
        orderTime: "Time",
        symbol: "Symbol",
        type: "Type",
        side: "Side",
        stopPrice: "Stop Price",
        price: "Price",
        origQty: "Amount",
        executedQty: "Filled",
      },
    };
  },
};
</script>
